/* ————————————————————中心———————————————————— */
.layout__resize:not(.layout__resize--lr) {
    margin: var(--Sv-layout--resize-margin);
    &:after{
        height: 5px;
        top: 0px;
        border-radius: 3px;
        background-color: var(--Sv-layout--resize);
    }
    &:hover:after{
        background-color: var(--Sv-layout--resize-hover);
    }
}
.layout__resize--lr {
    margin: 0 -0.5px;
    width: var(--Sv-layout-resize-lr-width);
    &:after{
        width: 5px;
        border-radius: 3px;
        background-color: var(--Sv-layout--resize);
    }
    &:hover:after{
        background-color: var(--Sv-layout--resize-hover);
    }
}

#toolbar + .fn__flex{
    background-color: var(--Sv-dock-background);
}
body:not(.body--mobile,.body--window) #layouts{
    min-height: 90%;
    margin: var(--Sv-layout-margin);
    .layout__center .layout-tab-container{
        border-radius: var(--Sv-center-radius);
        background-color: transparent;
    }
}

#savorPlugins{
	display: none;
}

.layout__dockl:not(.layout--float), .layout__dockr:not(.layout--float){
    min-height: 90%;
}


/*-----------------------新窗口-------------------------*/
.body--window {
    #layouts div[data-type=wnd]{
        background-color: var(--Sv-toolbar-background)!important;
    & > .fn__flex > .layout-tab-bar {
        border-radius: 6px 0 0 6px;
        margin-top:4px;
        background-color: transparent;
        .item:not(.item--readonly) {
            margin-bottom:8px!important;
            margin-left: 5px;
            pointer-events: visibleFill;
        }
        & .item--readonly{
            height: 28px;
            & .block__icon--show{
                background-color: transparent;
                &[data-type="new"]{
                    margin-right: 6px;
                }
                &:hover {
                    background-color: var(--Sv-tab-bar-item-background-focus);
                }
            }
        }
        &.layout-tab-bar--readonly{
            margin-right: 0px!important;
            margin-top:5px;
            height: 33px;
    }
    }
}
    .toolbar__window .toolbar__item{
        padding: 7px;
        margin: 3px;
        border-radius: 6px;
        &#closeWindow{
            width: 40px;
            margin: 3px 1px;
            &.toolbar__item--close{
                padding: 2px 6px;
            }
            svg{
                width: 12px!important;
                height: 12px!important;
                padding: 8px;
                border-radius: 6px;
            }
            &:hover{
            background-color: rgba(0, 0, 0, 0);
            svg{
                color: var(--Sv-toolbar-closeWindow-svg);
                background: var(--Sv-toolbar-closeWindow-hover);
            }
            }
        }
    }
    #status {
        right: -7px;
        bottom: 0px;
        #statusHelp {
            right: 0px;
        }
    }
}


.layout__center{
    .sy__outline,.sy__graph,.sy__backlink,[data-timeout]{
            & .block__icons,& .fn__flex-1{
        background-color: var(--b3-theme-background);
    }
} 
}


/* 全局过渡动画 */
:root {
    --transition-time: 0.3s;
    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
    
    /* 默认情况下不应用过渡效果 */
    --theme-transition: none;
}


/* 当添加theme-transitioning类时才应用过渡效果 */
:root.theme-transitioning {
    --theme-transition: all var(--transition-time) var(--transition-timing);
}

/* 界面框架元素过渡效果 */
.layout__center,
.toolbar,
.block__icons,
.b3-dialog__container,
.b3-menu,
.dock__item,
.layout-tab-bar,
.layout-tab-container,
.block__content,
.fn__flex-1,
.b3-menu__item,
.b3-menu__submenu,
.dock__item,
.toolbar__item,
.toolbar__text,
.layout-tab-bar__item,
.block__logo,
.block__icon,
.b3-text-field,
.b3-select,
.b3-button,
.b3-card,
.b3-list-item,
.b3-list__item,
.status,
#status,
#toolbar,
#dockLeft,
#dockRight,
#dockTop,
#dockBottom,
.b3-dialog,
.b3-snackbar,
body.body--window,
body:not(.body--window) #layouts,
[data-type="outline"] .b3-list-item,
[data-type="graph"] .b3-list-item,
[data-type="backlink"] .b3-list-item,
/* 编辑器相关元素 */
.protyle-background,
.protyle-title,
.protyle-toolbar,
.protyle-util,
.protyle,
.protyle-content,
.protyle-preview,
.b3-typography,
.protyle-breadcrumb,
.protyle-breadcrumb__bar,
.protyle-wysiwyg__embed,
.protyle-wysiwyg__preview,
/* 编辑器和内容元素 */
.layout__center .fn__flex-1,
.layout__center .protyle-content,
.layout__center .protyle-background,
.layout__center .protyle-title,
.layout__center .protyle-wysiwyg,
.layout__center .protyle-preview,
.layout__center .b3-typography,
.layout__center .protyle-breadcrumb,
.layout__center .protyle-breadcrumb__bar,
.layout__center .protyle-wysiwyg [data-node-id],
.layout__center .protyle-wysiwyg [data-type="NodeParagraph"],
.layout__center .protyle-wysiwyg [data-type="NodeHeading"],
.layout__center .protyle-wysiwyg div,
.layout__center .protyle-wysiwyg p,
.layout__center .protyle-wysiwyg h1,
.layout__center .protyle-wysiwyg h2,
.layout__center .protyle-wysiwyg h3,
.layout__center .protyle-wysiwyg h4,
.layout__center .protyle-wysiwyg h5,
.layout__center .protyle-wysiwyg h6,
.layout__center .protyle-wysiwyg li,
.layout__center .protyle-wysiwyg blockquote,
.layout__center .layout-tab-bar::before,
.layout__center .layout-tab-bar::after,
.layout__center .layout-tab-bar .item::before,
.layout__center .layout-tab-bar .item::after,
.layout__center .layout-tab-bar--readonly::before,
.layout__center .layout-tab-bar--readonly::after,
.layout__center .layout-tab-container::before,
.layout__center .layout-tab-container::after {
    transition: var(--theme-transition);
}